<template>
	<view class="mine-find-way">
		<nav-header title="发现我的方式" :showRight="false">

		</nav-header>

		<view class="add-way">
			<up-cell-group>
				<up-cell title="群聊" titleStyle="color:#717680">
					<template v-slot:value>
						<up-switch v-model="group" @change="change" activeColor="#17B26A" size="20"></up-switch>
					</template>
				</up-cell>
			</up-cell-group>

			<up-cell-group>
				<up-cell title="友号" titleStyle="color:#717680">
					<template v-slot:value>
						<up-switch v-model="fnum" @change="change" activeColor="#17B26A" size="20"></up-switch>
					</template>
				</up-cell>
			</up-cell-group>

			<up-cell-group>
				<up-cell title="商号" titleStyle="color:#717680">
					<template v-slot:value>
						<up-switch v-model="bnum" @change="change" activeColor="#17B26A" size="20"></up-switch>
					</template>
				</up-cell>
			</up-cell-group>

			<up-cell-group>
				<up-cell title="好友推荐" titleStyle="color:#717680">
					<template v-slot:value>
						<up-switch v-model="frec" @change="change" activeColor="#17B26A" size="20"></up-switch>
					</template>
				</up-cell>
			</up-cell-group>

			<up-cell-group>
				<up-cell title="手机号" titleStyle="color:#717680">
					<template v-slot:value>
						<up-switch v-model="phone" @change="change" activeColor="#17B26A" size="20"></up-switch>
					</template>
				</up-cell>
			</up-cell-group>

			<up-cell-group>
				<up-cell title="微信号" titleStyle="color:#717680">
					<template v-slot:value>
						<up-switch v-model="wx" @change="change" activeColor="#17B26A" size="20"></up-switch>
					</template>
				</up-cell>
			</up-cell-group>

			<up-cell-group>
				<up-cell title="QQ号" titleStyle="color:#717680">
					<template v-slot:value>
						<up-switch v-model="QQ" @change="change" activeColor="#17B26A" size="20"></up-switch>
					</template>
				</up-cell>
			</up-cell-group>

			<up-cell-group>
				<up-cell title="附近的人" titleStyle="color:#717680">
					<template v-slot:value>
						<up-switch v-model="near" @change="change" activeColor="#17B26A" size="20"></up-switch>
					</template>
				</up-cell>
			</up-cell-group>

			<up-cell-group>
				<up-cell title="资源广场" titleStyle="color:#717680">
					<template v-slot:value>
						<up-switch v-model="ground" @change="change" activeColor="#17B26A" size="20"></up-switch>
					</template>
				</up-cell>
			</up-cell-group>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				group: true,
				fnum: true,
				bnum: true,
				frec: true,
				near: true,
				ground: true,
				phone: true,
				wx: true,
				QQ: true,
			}
		},
		methods: {
			change() {

			}
		}
	}
</script>

<style lang="scss" scoped>
	.mine-find-way {
		width: 100vw;
		height: 100vh;

		.add-way {
			padding: 16rpx 0;
			:deep(.u-cell__body) {
				padding: 24rpx 32rpx !important;
			}
		}
	}
</style>